@charset "utf-8";
/* CSS Document */


.product-bj{ width: 100%  ;height: 741px ;background-color: #f6f8ff ; overflow: hidden;}
.product-c{ width: 1300px; margin: 0 auto; text-align: center; padding: 130px 0 45px 0 ;}
.title-box{ width: 100% ; height: 40px; position: relative; overflow: hidden;}
.title-box .anu{ width: 195px; height: 38px; line-height: 38px; text-align: center;  border: solid 1px #d2d2d2 ; border-radius:38px ; -webkit-border-radius:38px ; -moz-border-radius:38px ; -ms-border-radius:38px ; -o-border-radius:38px ; position: absolute; right: 0; top: 0; }
.title-box .anu i{font-size: 16px; color: #656565 ;height: 40px; line-height: 40px;display: inline-block ;background: url(../images/xy.png) no-repeat right center ; padding-right: 70px;}
.title-box h3{line-height: 40px;font-size: 36px;font-weight: bold ;color: #c21c00 ;float: left;padding-right: 23px; text-transform: uppercase}
.title-box h4{ width: 880px; float: left;height: 33px; background: url(../images/xian.png) no-repeat left bottom ;text-align: left}
.title-box h4 p{font-size: 14px; color: #b0b0b0 ; text-transform: uppercase ;margin-top: 9px}
.title-box .anu:hover{background-color: #001f94 ;}
.title-box .anu:hover i{color: #fff ;background: url(../images/xy2.png) no-repeat right center ;}


.picScroll-left{ width: 100%; height: 465px; position: relative; overflow: hidden; }
.picScroll-left .bd{ width: 100% ; width: 2560px; width: 1300px; position: absolute; left: 50%; margin-left: -1280px; margin-left: -650px; }
.picScroll-left .bd ul{ width: 100%; width: 2560px; padding: 30px 0 0 0 !important}
.picScroll-left .bd ul li{width: 420px; float: left;text-align: center; margin: 0 20px 0 0 ;position: relative;}
.picScroll-left .bd ul li .tu-box{ width: 420px; height: 336px; margin-bottom: 31px; border-radius:8px;position: relative; overflow: hidden; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; }
.picScroll-left .bd ul li .tu-box img{ width: 100% ;height: 100% ;}
.picScroll-left .bd ul li .tu-box .zhe{ width: 420px; height: 336px; line-height: 336px;text-align: center; background: rgba(194, 28, 0, 0.7) ;position: absolute; left: 0;top: 0; overflow: hidden; display: none}
.picScroll-left .bd ul li .tu-box .zhe i{ width: 49px;height: 48px;display: inline-block;background: url(../images/sz.png) no-repeat;margin: 145px 0 0 0;}
.picScroll-left .bd ul li h3{font-size: 16px; color: #2e2e2e;text-transform: uppercase}
.picScroll-left .bd .tempWrap{ overflow: initial !important}
.picScroll-left .bd ul li:hover .tu-box .zhe{display: block}
.picScroll-left .bd ul li:hover h3{color: #c21c00;}
.picScroll-left .bd ul li:hover .tu-box{box-shadow: -2px 6px 13px 6px rgba(0, 0, 0, 0.1)}
.picScroll-left .hd{ width:1300px; position: absolute; left: 50%;bottom: 0 ;margin-left: -650px; text-align: center;}
.picScroll-left .hd ul li{ width: 12px; height: 12px; background-color: #d2d2d2; border-radius:12px ; -webkit-border-radius:12px ; -moz-border-radius:12px ; -ms-border-radius:12px ; -o-border-radius:12px ; margin: 0 9px; display: inline-block ;font-size: 0 ;cursor: pointer;}
.picScroll-left .hd ul li.on{background-color: #001f94;}
.picScroll-left .hd .next{ width:35px; height:56px; background: rgba(255, 255, 255, 0.7); background-image: url(../images/rt.png); background-repeat: no-repeat; background-position: center center; position:absolute; right:0; top:-270px; cursor:pointer; z-index:9 ; display: block ; border-radius:6px 0  0 6px ; -webkit-border-radius:6px 0  0 6px ; -moz-border-radius:6px 0  0 6px ; -ms-border-radius:6px 0  0 6px ; -o-border-radius:6px 0  0 6px ; }
.picScroll-left .hd .prev{ width:35px; height:56px; background: rgba(255, 255, 255, 0.7); background-image: url(../images/lt.png); background-repeat: no-repeat; background-position: center center; position:absolute; left:-1px; top:-270px; cursor:pointer; z-index:9 ; display: block; border-radius:0 6px 6px  0 ; -webkit-border-radius:0 6px 6px  0 ; -moz-border-radius:0 6px 6px  0 ; -ms-border-radius:0 6px 6px  0 ; -o-border-radius:0 6px 6px  0 ; }
/* .picScroll-left .hd .next:hover{ background-color: #eee; background-image: url(../images/jt2-1.png); background-repeat: no-repeat; background-position: center center;}
.picScroll-left .hd .prev:hover{ background-color: #eee; background-image: url(../images/jt1-1.png); background-repeat: no-repeat; background-position: center center;} */
.picScroll-left .zhd1{ width: 650px ; height: 336px; background: rgba(255, 255, 255, 0.7) ; position: absolute; left: 50%; top: 30px; margin-left: -1320px; border-radius:8px ; -webkit-border-radius:8px ; -moz-border-radius:8px ; -ms-border-radius:8px ; -o-border-radius:8px ; }
.picScroll-left .zhd2{ width: 650px ; height: 336px; background: rgba(255, 255, 255, 0.7) ; position: absolute; right: 50%; top: 30px; margin-right: -1320px; border-radius:8px ; -webkit-border-radius:8px ; -moz-border-radius:8px ; -ms-border-radius:8px ; -o-border-radius:8px ; }
.picScroll-left .zhd3{ width: 650px ; height: 75px; background-color: #f6f8ff ; position: absolute; left: 50%; top: 366px; margin-left: -1320px; }
.picScroll-left .zhd4{ width: 650px ; height: 75px; background-color: #f6f8ff ; position: absolute; right: 50%; top: 366px; margin-right: -1320px; }


.introduction-bj{ width: 100% ;height:1536px ;background: url(../images/bkb-bj.jpg) no-repeat center center; overflow: hidden;}
.introduction-c{ width: 1300px ;margin: 0 auto ; padding: 125px 0 0 0}
.chanp{ width: 100% ;padding: 70px 0 0 0}
.chanp ul{ width: 1330px ;}
.chanp ul li{ width: 420px ;float: left;margin: 0 21px 59px 0;}
.chanp ul li a{width: 100% ;display: block ; height: 336px ;  border-radius:8px;  position: relative; overflow: hidden;}
.chanp ul li a .tu-box{ width: 100% ; height: 336px ; overflow: hidden;  }
.chanp ul li a .tu-box img{width: 100% ; height: 336px ; }
.chanp ul li a .bg{ width: 374px; height: 100px; padding: 0 23px; background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.4),rgba(0,0,0,0)); position: absolute; left: 0;bottom: 0;}
.chanp ul li a h4{ width: 100%; height: 29px ;/*background: url(../images/x2.png) no-repeat left bottom;*/margin-top: 41px}
.chanp ul li a h4 span{font-size: 16px; font-weight: bold ;color: #fff ;text-transform: uppercase}
.chanp ul li a .zhe{ width: 374px; padding: 0 23px; height: 336px ;  background: rgba(223, 32, 0, 0.6) ; position: absolute; left: 0;bottom: -336px ; overflow: hidden;}
.chanp ul li a .zhe h5{ width: 100%; height: 29px ;/*background: url(../images/x3.png) no-repeat left bottom;*/ margin: 42px 0 20px 0; overflow: hidden;}
.chanp ul li a .zhe h5 span{font-size: 16px; font-weight: bold ;color: #fff ;text-transform: uppercase}
.chanp ul li a .zhe p{width: 100%;height: 144px; line-height: 24px; font-size: 14px; color: #f2f2f2 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;text-align: justify ; overflow: hidden;}
.chanp ul li a .zhe h6{width: 374px ;text-align: right ; position: absolute; left: 23px;bottom: 40px }
.chanp ul li a .zhe h6 span{line-height: 16px;display: inline-block ; font-size: 16px;color: #fff ;text-transform: uppercase ;background: url(../images/xy2.png) no-repeat right center ;padding-right: 22px;}
.chanp ul li a:hover .bg{display: none}
.chanp ul li a:hover{box-shadow: rgba(0, 0, 0, 0.2) 0 0 8px 4px}

.our-box{ width: 1232px; padding: 80px 34px 0 34px ; overflow: hidden;}
.our-box .title-box h4{background: url(../images/xian2.png) no-repeat left bottom;}
.jianjie{ width: 100% ; height: 74px; font-size: 16px; color: #2e2e2e ; line-height: 24px;/*display: -webkit-box;*/-webkit-box-orient: vertical;-webkit-line-clamp: 3;text-align: justify ;margin: 50px 0 92px 0; /*overflow: hidden;*/}
.our-box .anu-box{width: 100% ;}
.our-box .anu{  width: 197px; height: 40px; line-height: 40px;text-align: center; background-color: #001f94 ; border-radius:40px ; -webkit-border-radius:40px ; -moz-border-radius:40px ; -ms-border-radius:40px ; -o-border-radius:40px ;float: left;margin-right: 23px; }
.our-box .anu i{font-size: 18px; color: #fff ;height: 40px; line-height: 40px;display: inline-block ;background: url(../images/xy2.png) no-repeat right center ; padding-right: 42px;}


.news-bj{ width: 100% ; background-color: #fff ; padding: 118px 0 70px 0; overflow: hidden;}
.news-c{ width: 1300px ;margin: 0 auto ; }
.xw-box{ width: 100% ;height: 380px ;padding: 74px 0 20px 0;}
.xw-l{ width: 831px; float: left; }
.xw-l ul{ width: 860px;}
.xw-l ul li{ width: 403px;float: left;margin: 0 24px 0 0}
.xw-l ul li a{ width: 100% ;display: block ;border-radius: 9px;position: relative;  overflow: hidden;}
.xw-l ul li a .tu-box{ width: 100%; height: 259px ; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; overflow: hidden;}
.xw-l ul li a .tu-box img{ width: 100%; height: 259px ; object-fit: cover }
.xw-l ul li a .cnt{ width: 351px; padding: 26px 26px 30px 26px;}
.xw-l ul li a .cnt h3{ width: 100% ; height: 18px; line-height: 18px ;font-size: 16px; color: #333 ;white-space: nowrap;text-overflow: ellipsis ;margin-bottom: 15px; overflow: hidden;}
.xw-l ul li a .cnt h4{ width: 100% ; height: 36px; line-height: 18px ;font-size: 16px; color: #a4a8ad ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.xw-l ul li a .time{ width: 135px; height: 37px ; line-height: 37px; text-align: center; background: rgba(0, 31, 148, 0.6) ; position: absolute; right: 0; top: 0; border-radius:0 0 0 9px; overflow: hidden; -webkit-border-radius:0 0 0 9px; -moz-border-radius:0 0 0 9px; -ms-border-radius:0 0 0 9px; -o-border-radius:0 0 0 9px; }
.xw-l ul li a .time span{font-size: 14px; color: #fff ;}
.xw-l ul li a:hover{box-shadow:  0 0 8px 3px rgba(0, 0, 0, 0.05)}
.xw-l ul li a:hover .cnt h3{color: #c21c00}

.xw-r{ width: 441px; float: right ;}
.xw-r ul{ width: 100% ;}
.xw-r ul li{ width: 100% ;margin-bottom: 22px;}
.xw-r ul li a{ width: 100% ; height: 112px ;display: block; border-radius:9px ;}
.xw-r ul li a .tu-box{ width: 174px; height: 112px; border-radius:9px ; -webkit-border-radius:9px ; -moz-border-radius:9px ; -ms-border-radius:9px ; -o-border-radius:9px ;float: left; overflow: hidden; }
.xw-r ul li a .text-r{ width: 220px; float: left;padding-left: 20px;}
.xw-r ul li a .text-r h3{ width: 100% ; height: 48px; line-height: 24px ;font-size: 16px; color: #000 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin: 14px 0 19px 0; overflow: hidden;}
.xw-r ul li a .text-r h4{ width: 100% ; height: 16px; line-height: 16px ;font-size: 14px; color: #7c7c7c ; overflow: hidden;}
.xw-r ul li a:hover{box-shadow:  0 0 8px 3px rgba(0, 0, 0, 0.03)}
.xw-r ul li a:hover .text-r h3{color: #c21c00}



/* 2023.1.06更改按钮样式 */
.title-box .anu{border: solid 1px #c21c00; background-color: #c21c00}
.title-box .anu i{color: #fff;background: url(../images/xy2.png) no-repeat right center;}
.title-box .anu:hover{border: solid 1px #001f94}

.our-box .anu{border: solid 1px #c21c00; background-color: #c21c00}
.our-box .anu:hover{border: solid 1px #001f94 ;background-color: #001f94}